<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>for循环</title>
</head>
<style>
  span {
    display: inline-block;
    width: 100px;
    padding: 5px 10px;
    border: 1px solid black;
    margin: 2px;
    border-radius: 5px;
    box-shadow: 2px 2px 2px black;
    background-color: pink;
    text-align: center;
  }
</style>

<body>
  <script>
    // 1-100岁
    // for (let i = 1; i <= 100; i++) {
    //   document.write(`我今年${i}岁了<br>`)
    // }
    //1-100之间偶数和
    // let sum = 0
    // for (let i = 1; i <= 100; i++) {
    //   if (i % 2 === 0) {
    //     sum += i
    //   }
    // }
    // document.write(sum)
    // 打印5个小星星
    // for (let i = 1; i <= 5; i++) {
    //   document.write('*')
    // }
    // 打印5行5列小星星
    // for (let i = 1; i <= 5; i++) {
    //   for (let j = 1; j <= 5; j++) {
    //     document.write('*')
    //   }
    //   document.write('<br>')
    // }
    //用户输入行数和列数，打印对应星星
    // let row = +prompt('请输入要打印的行数')
    // let col = +prompt('请输入要打印的列数')
    // for (let i = 1; i <= row; i++) {
    //   for (let j = 1; j <= col; j++) {
    //     document.write('*')
    //   }
    //   document.write('</br>')
    // }
    //打印倒三角形
    // for (let i = 1; i <= 5; i++) {
    //   for (let j = 1; j <= i; j++) {
    //     document.write('*')
    //   }
    //   document.write('<br>')
    // }
    //九九乘法表
    for (let i = 1; i <= 9; i++) {
      for (let j = 1; j <= i; j++) {
        document.write(`<span>${j}×${i}=${j * i}</span> `)
      }
      document.write('<br>')
    }

  </script>
</body>

</html>